<template>
  <el-card class="small-card" :style="`margin-top:${top}px;`">
    <slot name="content"></slot>
  </el-card>

</template>

<script>
    export default {
        name: 'SmallCard',
      props: {
          top: {Number, default: 0},
          bottom: {Number, default: 0}
      }
    }
</script>

<style scoped lang="scss">
  .small-card {
    ::v-deep .el-card__body {
      padding: 10px;
    }
  }
</style>
